實作方式請參考:http://msdn.microsoft.com/en-us/library/windows/apps/hh974582.aspx
Blog Reader 這個官方範例,主要是要做一個 blog 文章的閱讀器,首先要建立一個空的 Split App。
以下的步驟,都是跟著官方範例走,你也可以參考官方的範例。
當我們建立好空的 split app 之後,首先先來修改一下整個 App 左上角的 pagetitle,修改檔案 pages/items/items.html:
把pagetitle那一段的內容改成你要的
<span class="pagetitle">Win.心得小筆記</span>
接著,調整一下整個 App 的色系,打開 default.css,修改 #contenthost 的樣式:
主要是增加 background-color的樣式,看你想換成什麼顏色。
#contenthost {
height: 100%;
width: 100%;
background-color:rgb(24, 33, 61);
}
接著,run 一下 App,這就是今天的進度了。
明天要寫 data.js,會有點複雜...,說到 data.js 在之前的文章有提到,不過以前都是做假資料,這次的 blog reader,好像會做一些要資料的事情,再來,因為data.js原本的內容很多都是demo code,我們需要重整 data.js,並且將不需要的假資料刪除,補上自己需要的 code,會需要寫一些 function,定義一些 data,就讓我們接著看下去吧。